{% extends 'stark/layout.html' %}

{% block content %}

    {% if add_btn %}
        <div style="margin: 10px 0;">
            {{ add_btn|safe }}
        </div>
    {% endif %}

    {% for row in body_list %}
        <div class="panel panel-default">
            <div class="panel-body" style="position: relative;">
                {{ row.0 }}
                <div style="margin-top: 5px;">
                    <div style="display: inline-block;margin-right: 15px;">
                        <i class="fa fa-clock-o" aria-hidden="true"></i>
                        {{ row.1 }}
                    </div>
                </div>
                <div style="position:absolute;top:0;bottom:0;right:0;width:100px;display: flex;justify-content:center;align-items:center;">
                    <div style="display: inline-block;margin: 0 4px"> {{ row.2 }} </div>
                    <div style="display: inline-block;margin: 0 4px"> {{ row.3 }} </div>
                </div>
            </div>
        </div>
    {% endfor %}

    <nav>
        <ul class="pagination">
            {{ page.page_html|safe }}
        </ul>
    </nav>

{% endblock %}